import { createRouter, createWebHashHistory } from 'vue-router'
import { useUserStore } from '@/store/user.js'

import Login from '@/views/login/Login.vue'
import Main from '@/views/Main.vue'

const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHashHistory(),
    routes: [
        {
            path: '/', component: Login, meta: {
                noLogin: true // 不需要验证登录
            }
        },
        {
            path: '/main', component: Main, meta: {
                auth: 'main'
            }
        }
    ], // `routes: routes` 的缩写
})


router.beforeEach((to, from, next) => {
    const userStore = useUserStore();
    console.log('from:', from);
    console.log('to:', to);

    // 判断是否登录
    if (to.meta.noLogin || userStore.user.username) {
        next(); // 允许路由跳转到下一个路由
    } else {
        next({ path: '/' });
    }

});

export default router;